Alert component

Alerts are used to communicate a state that affects a system, feature or page.

Status alert

To use status alert add class name alertinside the div tag. For different status add class names accordingly color-bg-info, color-bg-warning, color-bg-success, color-bg-error.If status is not provided default status would be used.

Outline alert

To use outline alert add class name color-info-outline, color-warning-outline, color-success-outline, color-error-outlineaccordingly along with alert.

Alert with icon

To use icon alert add your icon inside span in the div tag along with alertclass name and status accordingly.

Alert with dismiss

To use alert with dismiss add your icon along with alert-dismissclass name and status accordingly.

Alert with border

To use icon alert with border add alert-border-leftclass name and status accordingly.